<template>
  <div id="app">
   <router-view />
   <!-- <Tabbar/> -->
  </div>
</template>
<script>
// import Tabbar from '@/components/Tabbar.vue'

export default {
 
  name: 'tabbar',
  // components: {
  //   Tabbar,
  // }
  
}
</script>

<style>
body {overflow-x: hidden;}
.common-dialog .van-dialog__content {background-color: #312F3D;}
.common-dialog .van-dialog__header {background-color: #312F3D;}
.common-dialog .van-field {background-color: #24232D;}
.common-dialog.van-dialog {border-color: #312F3D;background-color: #312F3D;}
.common-dialog .van-field__control {color: #fff;}
#app,body { 
  background-color: #19181F;
}
.stecp .van-step__icon--active {color: #ebedf0 !important;}
.stecp .van-step__title--active {color: #ebedf0 !important;}
.stecp .van-step__circle-container {
  background-color: transparent !important;
}
/* .common-dialog.van-dialog {
  position: absolute;
} */
.c-666 {color: #66625C;}
.c-d7 {color: #D7C19A;}
.c-fff {color: #fff;}
.bold {font-weight: bold;}
.view {display: flex;flex-direction: column;}
.height100 {height: 100%;}
.width100 {width: 100%;}
.flex-row {flex-direction: row;}
.flex-wrap {flex-wrap: wrap;}
.flex-1 {flex: 1;}
.flex-2 {flex:2;}
.flex-1-50 {flex: 0 0 50%;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.van-tag--plain {background-color: transparent !important;}
.justify-start{justify-content:flex-start;}
.justify-end{justify-content:flex-end;}
.justify-center {justify-content:center;}
.ovhidden {overflow: hidden;}
.justify-between {justify-content:space-between;}
.justify-around {justify-content:space-around;}
.align-start {align-items:flex-start;}
.align-end {align-items:flex-end;}
.align-center {align-items:center;}
.align-stretch {align-items:stretch;}
.c-333 {color: #333;}
.fz-14 {font-size: 14px;}
.fz-18 {font-size: 18px;}
.check-item i{
    border-color: transparent !important;
}
</style>
